<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>微信扫码支付</title>
	<script src="//libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>	
    <link href="//resourcesow.oss-cn-hangzhou.aliyuncs.com/css/pay.css" rel="stylesheet" media="screen"> 
</head>

<body>

<div class="body">
    <h1 class="mod-title">
        <span class="ico_log ico-3"></span>
    </h1>

    <div class="mod-ct">
        <div class="order">
        </div>
        <div class="amount" id="money">加载中..</div>
      	<p style="font-size:15px;color:red;" id="tipMsg"></p>
      	<p style="font-size:15px;color:red;">(如有不到帐请联系客服）</p>
        <div class="qrcode-img-wrapper" data-role="qrPayImgWrapper">
 
           <div data-role="qrPayImg" class="qrcode-img-area">
                <div style="position: relative;display: inline-block;">
                    <img  id='show_qrcode' alt="加载中..." src="#" width="210" height="210" style="display: block;">   
                                     
                </div>
            </div>


        </div>
        <div class="time-item">
            <div class="time-item" id="msg"><h1>二维码过期时间</h1> </div>  
            <strong id="minute_show">1分</strong>
        </div>

        <div class="tip">
            <div class="ico-scan"></div>
            <div class="tip-text">
                <p>请使用微信扫一扫</p>
                <p>扫描二维码完成支付</p>
            </div>
        </div>

        <div class="detail" id="orderDetail">
            <dl class="detail-ct" id="desc" style="display: none;">
                
            </dl>

            <a href="javascript:void(0)" class="arrow"><i class="ico-arrow"></i></a>
        </div>

        <div class="tip-text">
          
        </div>


    </div>
    <div class="foot">
        <div class="inner">
            <p>手机用户可保存上方二维码到手机中</p>
            <p>在微信扫一扫中选择“相册”即可</p>
        </div>
    </div>

</div>
<div class="copyRight">

</div>
<div class="xixitshi" style="display:none">
    <div style="background:#000;opacity:0.2;width:100%;height:100%;">
    </div>	
    <div class="msgbox">
        <div class="msgboxx">
        <p>请 <b style="color:red;">转账</b> 付款 <b style="color:red;" id="showPaymoney"></b> 元,否则不到账!</p>
        <button onclick="hides();">我知道了</button>
        </div>
    </div>
</div>



<script type="text/javascript">

	function orderStatus(){
		$.post("/WXpay/loadPayState.html",{},function(data){
			if(data==1){
				window.location.href="/index.html";
			}
		})
	}
	
	setInterval("orderStatus()",3000);

</script>
</body>
</html>